*{
    /* background: #e4e4e4e4; */
    padding: 0;
    margin: 0;
   
}
/* body{
    background: #e4e4e4e4;
} */

#box{
    width: 100%;
}
.nav-content{
    display: flex;
    width: 80%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
   
}
.nav-box{
    position: relative;
}

 .nav-content{
     position: absolute;
     top: 0;
     left: 400px;
	 transform:translate3d(-400px,0,0);
     animation: nav-content 0.8s ease forwards;
     width: 90%;
	/* animation-delay:0.3s; */
}

@keyframes nav-content 
    {
    from {left:0px;}
    to {left:400px;}
    }
.index-close{
    width: 25%;
    transition: width 2s;
    
}
i{
    width: 35%;
    text-align: center;
}

.first-close{
    display: flex;
    width: 30px;
    border: 1px solid red;
    margin-bottom: 20px;
    margin-top: 20px;
}
.last-close{
    display: flex;
    width: 30px;
    border: 1px solid red;
}
.Where-go{
    width: 25%;
    border-bottom: 1px solid;

}
.banner-box{
    position: relative;
    /* padding-top: 50px; */
}
.nav-pass{
    width: 100%;
    height: 60px;
}
.banner-conent{
    position: absolute;
    top: 50px;
    left: 0;
    transform:translate3d(0,40,0);
    animation: banner-conent 1.5s ease forwards;
}
@keyframes banner-conent
    {
    from {top:0px;}
    to {top:50px;}
    }


.space-carousel {
    padding: 16px;
    background: #DEF1E5;
    overflow: hidden;
}
.login{
    display: block;
    margin-left: 55px;
}